<!doctype html>
<html>
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<base href="/">

	<title>RCM POC</title>

	<!-- CSS -->
	<link rel="stylesheet" href="/libs/jquery-ui/jquery-ui.min.css">
	<link rel="stylesheet" href="/libs/bootstrap/dist/css/bootstrap.min.css">
	<link rel="stylesheet" href="/libs/fontawesome/css/font-awesome.min.css">
	<link rel="stylesheet" href="/libs/datatables/dataTables.bootstrap.css">
	<link rel="stylesheet" href="/libs/angular-material/angular-material.css">
	<link rel="stylesheet" href="/libs/angular-material/themes/orange-theme.css">
	<link rel="stylesheet" href="/css/style.css"> <!-- custom styles -->

	<!-- JS -->
	<script src="/libs/jquery/dist/jquery.min.js"></script>
	<script src="/libs/jquery-ui/jquery-ui.min.js"></script>
	<script src="/libs/bootstrap/dist/js/bootstrap.min.js"></script>
	<script src="/libs/angular/angular.min.js"></script>
	<script src="/libs/angular-route/angular-route.min.js"></script>
	<script src="/libs/angular-bootstrap/ui-bootstrap-tpls.js"></script>
	<script src="/libs/datatables/jquery.dataTables.min.js"></script>
	<script src="/libs/datatables/dataTables.bootstrap.js"></script>
	<script src="/libs/hammer/hammer.js"></script>
	<script src="/libs/angular/angular-animate.min.js"></script>
	<script src="/libs/angular/angular-aria.min.js"></script>
	<script src="/libs/angular-material/angular-material.js"></script>

	<!-- ANGULAR CUSTOM -->
	<script src="/js/controllers/SiteCtrl.js"></script>
	<script src="/js/controllers/MainCtrl.js"></script>
	<script src="/js/services/UserService.js"></script>
	<script src="/js/controllers/UserCtrl.js"></script>
	<script src="/js/controllers/UserProfileCtrl.js"></script>
	<script src="/js/appRoutes.js"></script>
	<script src="/js/app.js"></script>
</head>
<body>
<div ng-app="sampleApp" class="container-fluid" id="wrapper" ng-controller="siteCtrl">

	<!-- HEADER -->
	<nav class="navbar navbar-fixed-top">
		<div class="navbar-header">
			<a class="navbar-brand" href="/dashboard/#/main">RCM POC Demo</a>
		</div>
		<ul class="nav navbar-nav">
			<!--<li><a href="dashboard/#/users">Users</a></li>-->
		</ul>
		<ul class="nav navbar-nav navbar-right top-nav">
			<li>
				<a href="dashboard/#/profile" class="btn"><span class="fa fa-user fa-lg"></span> Profile</a>
			</li>
			<li>
				<a href="/logout" class="btn"><span class="fa fa-sign-out fa-lg"></span> Logout</a>
			</li>
		</ul>
		
		<div class="navbar-collapse navbar-ex1-collapse collapse">
	        <ul class="nav navbar-nav side-nav">
	            <li class="active">
	                <a href="/dashboard/#/main"><i class="fa fa-desktop"></i> Dashboard</a>
	            </li>
				<% if (user.role === "ADMIN") { %>
	            <li>
	                <a href="dashboard/#/users"><i class="fa fa-user"></i> Manage Users</a>
	            </li>
				<% } %>
	        </ul>
	    </div>
	</nav>
	
	<!--Progess bar & messages-->
	<!--<div loading-status-message style="padding-top:23px" class="ng-cloak row" ng-cloak>
		<div id="status-alert">
			<div class="alert alert-success" ng-if="appService.status=='success'">
				{{appService.statusMsg}}
			</div>

			<div class="alert alert-warning" ng-if="appService.status=='alert'">
				{{appService.statusMsg}}
			</div>

			<div class="alert alert-danger" ng-if="appService.status=='fail'">
				{{appService.statusMsg}}
			</div>
		</div>

	</div>-->
        
	<!-- ANGULAR DYNAMIC CONTENT -->
	<div id="page-wrapper" ng-view></div>
	<div progressbar ng-show="appService.status=='loading'" class="progress-striped active progressbar-fixed" value="100" type="warning"></div>
	<div alert ng-show="appService.status=='success'" type="success" class="rcm-alert col-md-6 col-md-offset-3">{{appService.statusMsg}}</div>
	<div alert ng-show="appService.status=='error'" type="danger" class="rcm-alert col-md-6 col-md-offset-3">{{appService.statusMsg}}</div>
	<!--
	<footer class="row text-center">
		<p>A demo by <a href="https://posonline.vn">POSOnline team</a>.</p>
		<p>Visit the <a href="https://posonline.vn">Our website</a>.</p>
	</footer>
	-->
</div>
</body>
</html>